

<template>

  <div id="app" class="web-font">
    <div style="width: 100%;height: 100%;">
			<el-container  style="width:100%;">
				<el-aside width='230px'>
					<UserNav></UserNav>
				</el-aside>
				
				<el-container style="width:100%;">
					<el-header>
						
						<div class="headerTextPC" >
							   <span style="color: #1C283F;font-size: 20px;font-weight: 400;">拉活后台管理</span>
							   <div>
							   	  <a style="cursor: pointer;" @click="exitSystem">注销</a>
							   </div>
						</div>
					</el-header>
					<el-main>
						  <router-view> </router-view>
					</el-main>
				</el-container>
			</el-container>
		</div>
  </div>
</template>
<script>
import UserNav from '../components/user_nav'
export default {
  name: 'UserModel',
  mounted(){
  },
  data(){
  	return {
  	}
  },
  components:{
  	UserNav
  },
  methods:{
	  	exitSystem(){
	  		this.$router.push('/Login')
	  	}
		}
  }

</script>

<style>
	
	html,body{
		margin: 0;
		padding: 0;
		font-family: 'Open Sans', sans-serif;
	}
	html,body,#app,.el-container,.el-aside{
		height: 100%;
	}
	.headerTextPC{
		height:70px;
		line-height: 70px;
		width: 100%;
		font-size: 13px; 
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.el-container{
		width: 100%;
	}
	.el-aside{
		 overflow-x: hidden;
	}
	.el-main{
		background: #f5f9fa;
	}
  a {
    text-decoration: none;
  }
  	.el-main{
		display: inline-block;
		/*width: 100%;*/
		height: 90%\9;
		padding: 20px;
	}
   .el-header{
   	background: #FFFFFF;
		height:70px!important;
		line-height: 70px!important;
   }
	.el-main{
		display: inline-block;
		width: 100%\9;
		height: 90%\9;
	}
	.is-vertical{
		width: 100%;
		width: 89%\9;
		float: left\9;
		display: inline-block\9;
		vertical-align: top\9;
		max-width: 1670px\9;
	}
	.el-aside{
		float: left\9;
		display: inline-block\9;
		overflow-x: hidden;
	}
 .settingIcon{
 	width: 28px;
 	height: 28px;
 	vertical-align: middle;
 	
 }
   
</style>
